/* mac */
.mac {
  background-color: #fff;
  height: 700px;
  padding-top: 10em;

  /* 左边图 */
  .left {

    img {
      width: 50em;
    }
  }

  /* 右边文字 */
  .right {

    .info {
      .small {
        color: #666;
        font-size: 1.5em;
      }

      .big {
        font-size: 2.5em;
        margin-bottom: .5em;

        span:nth-of-type(1) {
          display: inline-block;
          border-bottom: 4px solid #fcac45;
          padding-bottom: .1em;
        }

        span:nth-of-type(2) {
          font-weight: 700;
        }
      }
    }

    .content {
      font-size: 1.45em;
      margin-bottom: 1.5em;
      color: #666;
    }

    .newlist {
      padding-left: 0px;
      margin-bottom: 2.1em;

      li {
        font-family: "OSItalic";
        list-style:none;
        background: url(../images/icon1.png) no-repeat;
        background-position: 2px 2px;
        list-style-position: inside;
        margin-bottom: .3em;
        font-size: 1em;
        padding-left: 1.7em;

        span {
          font-family: "OSBold";
        }
      }
    }

    .newbtn {
      width: 200px;
      height: 44px;
      border: 1px solid #555;
      background: url(../images/Forma\ 1.png) no-repeat;
      background-position: 20px center;
      font-size: .5em;
      padding-left: 18px;
    }
    
    
  }

  @media screen and(min-width:992px) and (max-width:1200px){
    .left {

      img {
        width: 45em;
      }
    }
  }

  @media screen and(max-width:992px){
    .left {
      display: none;
    }
  }

}

@media screen and (max-width:350px) {
  .mac {
    height: 600px;
    padding-top: 6em;
    .right {
      .info {
        .small {
          font-size: 1em;
        }

        .big {
          font-size: 2em;
        }
        
      }

      .content {
        font-size: .95em;
      }

      .newlist {
        li {
          font-size: .5em;
          background-size: 10px;
          padding-left: 2em;
        }
      }
    }
  }

}